/*整个页面*/
*{
    margin: 0;
    padding: 0;
    border: 0;
}
.main{
    width: 1002px;
    height: 703px;
    background-color: aliceblue;
    margin: 0 auto;
}
/*通用部分*/

/*头部部分*/
.main_header{
    width: 100%;
    height: 100px;
    background-color: #fba60a;
}
/*.main_header_selected{*/
/*    background-color: #BA3AD9;*/
/*}*/
.main_header>.header_h1{
    height: 45px;
    padding-left: 26px;
    font-size: 20px;
    padding-top: 23px;
    float: left;
}
.main_header:after{
    content: "";
    display:block;
    clear: left;
}
.main_header>.list{
    margin-top: 20px;
    margin-right: 20px;
    width: 165px;
    height: 30px;
    float: right;
    background-color: white;
}
.main_header>.list>ul{
    background-color: white;
    width: 100%;
    list-style: none;

}
.main_header>.list>ul>li{
    border-radius: 3px;
    width: 14px;
    height: 14px;
    background-color: blue;
    float: left;
    margin: 8px 6px;
    background-image: url("imgs/theme.gif");

}
.main_header>.list>ul>li:hover{
    cursor: pointer;
}

.main_header>.list>ul>.list1{
    background-position: 15px 0px;
}

.main_header>.list>ul>.list2{
    background-position: 35px 0px;
}
.main_header>.list>ul>.list3{
    background-position: 55px 0px;
}
.main_header>.list>ul>.list4{
    background-position: 75px 0px;
}
.main_header>.list>ul>.list5{
    background-position: 95px 0px;
}
.main_header>.list>ul>.list6{
    background-position: 115px 0px;
}

.main_header>.list>ul>.selected{
    background-position-y: 15px;
}
/*导航栏部分*/
.nav_shop{
    width: 100%;
    background-color: #fba60a;
    margin: 15px 0;
}
.nav_shop>ul{
    width: 100%;
    list-style: none;
    padding-left: 2%;
}
.nav_shop>ul:after{
    content: "";
    display: block;
    clear: left;
}
.nav_shop>ul>li{
    width: auto;
    padding: 2px 20px;
    float: left;
    text-align: center;
    margin: 8px 5px;
    background-color: #eeeeee;
    position: relative;
}
.nav_shop>ul>li>.ss{
    position: absolute;
    left: 0px;
    top: 29px;
    font-size: 14px;
    background-color: #fba60a;
    display: none;
    z-index: 900;

}
.nav_shop>ul>li:hover .ss{

    display: block;
}
.nav_shop>ul>li>.ss>li{
    /*width: 82px;*/
    padding: 3px 10px;
    list-style: none;
    background-color: #fba60a;

}

/*主体部分*/
.article_shop{
    width: 100%;
    height: 530px;
}
.article_shop:after{
    content: "";
    display: block;
    clear: left;
}

/*侧边栏部分*/
.aside_shop{
    width: 30%;
    height: 530px;
    float: left;
    margin-right: 3%;
    border: 1px solid black;
}
.news{
    /*height: 138px;*/
    width: 100%;
}
.new_header{
    /*position: absolute;*/
    font-size: 10px;
    height: 34px;
    width: 100%;
    color: white;
    background-color: #fba60a;

}
.news_text{
    width: 100%;
    padding-left: 40px;
    /*overflow: hidden;*/
}
.news>.news_text>ul{
    /*display: none;*/

    height: 100px;
    width: 60%;
    list-style: none;
    overflow: hidden;
}
.news>.news_text>ul>li{
    width: 100%;
    padding: 3px 0;
    font-size: 13px;
    color: blue;
}
.new_header>.text{
    padding: 5px 20px;
    float: left;
}
.new_header>.imgs{
    padding-top: 5px;
    padding-right: 20px;
    float: right;
    cursor: pointer;
}
.new_header:after{
    content: "";
    display: block;
    clear: left;
}



.protuctfl{
    width: 100%;
    position: relative;
}
.protuctfl>.profl_head{
    position: absolute;
    font-size: 9px;
    height: 34px;
    width: 100%;
    color: white;
    background-color: #fba60a;
}

.proList{
    width: 100%;
}
.proList>ul{
    font-size: 14px;
    width: 100%;
    padding-left: 30px;
    /*display: none;*/


}
.proList>ul li{
    padding: 5px 0;
    list-style: none;
}
.proList>ul .zimul{
    padding-left: 30px;
}
/*内容区域部分*/
.section_shop{
    /*position: relative;*/
    width: 65%;
    height: 501px;
    float: left;
    border: 1px solid black;
}
.section_shop>header{
    height: 186px;
    overflow: hidden;
    position:relative;
    padding-bottom: 10px;
}
.section_shop .lp{
    height: 186px;
    list-style: none;
    width: 100%;
    position: absolute;

}
.section_shop .lp:after{
    content: "";
    display: block;
    clear: left;
}
.section_shop .lp>li{
    height: 186px;
    width: 100%;
    float: left;
}
.section_shop .lp>li>img{
    height: 186px;
    width: 651px;
}
.postion{
    position: absolute;
    top: 158px;
    right: 8px;
    width: 150px;
    height: 36px;
}
.postion>ul{
    list-style: none;
    width: 100%;

}
.postion>ul>li{
    text-align: center;
    width: 19px;
    height: 19px;
    background-color: white;
    margin: 0 4px;
    color: #fba60a;
    color: #fba60a;
    float: left;
    border: 1px solid #fba60a;
    /*list-style: none;*/
}
.postion>ul>li.active{
    border: red;
}

.shop_list{
    width: 100%;

}
.shop_list>.list_header{
    width: 100%;
    height: 34px;
    background-color: #fba60a;
}
.shop_list>.list_header:after{
    content: "";
    display: block;
    clear: left;
}
.shop_list>.list_header>.shop_text{
    font-size: 10px;
    color: white;
    padding-top: 5px;
    padding-left: 20px;
    float: left;
}
.shop_list>.list_header>.shop_icon{
    padding-top: 8px;
    float: right;
    padding-right: 10px;
}
.cloth_list{
    background-color: white;
    width: 100%;
}
.cloth_list>ul{
    width: 98%;
    padding-left: 2%;
    border-bottom: 1px solid black;
}
.cloth_list>ul:after{
    content: '';
    display: block;
    clear: left;
}
.cloth_list>ul>li{
    width: 22%;
    list-style: none;
    float: left;
    padding: 35px 5px;
}

